Технология СSS GRID Руководство по адаптивной верстке

Блок 1

Верстка макета Landing Page

Урок 1. Обзор PSD-макета и готовой верстки Landing Page Исходник

Урок 2. Экспорт изображений для верстки из Adobe Photoshop CC 2018

Урок 3. Установка NodeJS, Gulp CLI и инициализация проекта Исходник

Урок 4. Начало создания автоматизированной сборки при помощи Gulp 4 Исходник

Урок 5. Создание дополнительных задач по автоматизации Исходник

Урок 6. Подготовка к верстке и детальный обзор проекта Исходник

Урок 7. Создание HTML-разметки для шапки сайта Исходник

Урок 8. Полная стилизация шапки сайта Исходник

Урок 9. Создание разметки для блока баннера Исходник

Урок 10. Стилизация баннера и написание собственного миксина Исходник

Урок 11. HTML-структура блока с преимуществами Исходник

Урок 12. Полная стилизация преимуществ Исходник

Урок 13. HTML-разметка блока с работами Исходник

Урок 14. Написание стилей для блока работ Исходник

Урок 15. Доступность интерактивных элементов и адаптация блока работ Исходник

Урок 16. Написание структуры для информационного блока Исходник

Урок 17. Полная стилизация информационного блока Исходник

Урок 18. Создание разметки для блока скиллов Исходник

Урок 19. Стилизация блока со скиллами Исходник

Урок 20. Анимация линий блока прогресса Исходник

Урок 21. HTML-структура блока новостей Исходник

Урок 22. Полная стилизация блока с новостями Исходник

Урок 23. HTML-разметка блока карусели Исходник

Урок 24. Стилизация карусели и подключение плагина OwlCarousel Исходник

Урок 25. HTML-разметка блока контактов Исходник

Урок 26. Полная стилизация блока контактов Исходник

Урок 27. Полная реализация подвала Исходник